<template>
	<a-tooltip placement="top">
		<template slot="title">
			{{ title }}
		</template>
		<i :class="{ iconfont:true, [icon]:true }" :style="{ color: color }" @click="tap()"></i>
		<!-- <i class="iconfont icon-editor1" style="color: green;" @click="tap()"></i> -->
	</a-tooltip>
</template>
<script>
export default {
	props: {
		title:{
			type:String,
			default:''
		},
		icon: String,
		color:String
	},
	data() {
		return {};
	},
	methods:{
		tap(){
			this.$emit('tap')
		}
	}
};
</script>
